<template>
  <view class="watermark">
    <view class="water-text-box" v-for="(n,i) in number" :key="i">{{text}}</view>
  </view>
</template>

<script>
// 实现一个水印是动态的效果
export default {
  props:{
    text:{
      type:String,
      default: '青蛙家电维修',
    }
  },

  data() {
    return {
      number: new Array(25)
    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.watermark{
  width: 150%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  pointer-events: none;
  .water-text-box{
    display: inline-block;
    margin-right: 150rpx;
    margin-bottom: 150rpx;
    transform: rotate(330deg);
    color: rgb(221,221,221,0.6);
  }
}

</style>

